<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册界面</title>
</head>
<body>
    <form>
        <table cellpadding="10px" align="center">
            <caption><h3>用户注册</h3></caption>
            <tr>
                <td>
                    <fieldset>
                        <legend>身份验证-必填信息</legend>
                        <table>
                            <tr>
                                <td align="right">用户名</td>
                                <td><input type="text" name="username" placeholder="请输入用户名" /></td>
                            </tr>
                            <tr>
                                <td align="right">密码</td>
                                <td><input type="password" name="password" placeholder="请输入密码" /></td>
                            </tr>
                            <tr>
                                <td align="right">确认密码</td>
                                <td><input type="password" name="repassword" placeholder="请再次输入密码" /></td>
                            </tr>
                        </table>
                    </fieldset>
                </td>
            </tr>
            <tr></tr>
            <tr>
                <td>
                    <fieldset>
                        <legend>其他个人信息</legend>
                        <table>
                            <tr>
                                <td>性别</td>
                                <td>
                                    <select name="gender">
                                        <option value="boy">男孩</option>
                                        <option value="girl">女孩</option>
                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <td>爱好</td>
                                <td>
                                    <input type="checkbox" name="hobby" value="music" />音乐&nbsp;&nbsp;
                                    <input type="checkbox" name="hobby" value="sports" />体育&nbsp;&nbsp;
                                    <input type="checkbox" name="hobby" value="computer" />计算机&nbsp;&nbsp;
                                </td>
                            </tr>
                            <tr>
                                <td>喜欢的公司</td>
                                <td>
                                    <input type="radio" name="love" value="百度" />百度&nbsp;&nbsp;
                                    <input type="radio" name="love" value="微软" />微软&nbsp;&nbsp;
                                    <input type="radio" name="love" value="谷歌" />谷歌&nbsp;&nbsp;
                                </td>
                            </tr>
                            <tr>
                                <td>个人简介</td>
                                <td>
                                    <textarea name="content" rows="5" cols="20"></textarea>
                                </td>
                            </tr>
                        </table>
                    </fieldset>
                </td>
            </tr>
            <tr align="center">
                <td>
                    <input type="submit" value="提交您的资料" />&nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="reset" value="重新填写资料" />&nbsp;&nbsp;&nbsp;&nbsp;
                </td>
            </tr>
            <tr align="center">
                <td>
                    <input type="button" value="无效按钮" disabled="disabled" />&nbsp;&nbsp;&nbsp;&nbsp;
                </td>
            </tr>
        </table>
    </form>
</body>
</html>